/**
 * 元素的默认盒模型是 content-box，即宽度和高度只包含内容区域，不包括内边距和边框
 * 将 box-sizing 设置为 border-box 可以避免在设置元素的宽度和高度时，由于内边距和边框的额外宽度而导致布局问题。
 */
view,text,swiper,swiper-item,input,textarea{
	box-sizing: border-box;
}

image{
	width: 100rpx;
	height: 100rpx;
}

.safe-area-bottom{
	width: 100%;
	height: env(safe-area-inset-bottom);
}